%html
  %body
    %div
      .row
        .col-md-12.page-header-block
          .wrapper
            %span.green-font.big-title عـبـر
            %span.gray-text حتى يكون التعبير سمة من سمات التواصل بيننا و مفتاح النهوض ببلادنا
      .row
        .col-md-12.express-flowchart-details.flowchart-item-details
          %ul.wrapper.list-style-none
            %li.display-inline-block.top-vertical-align
              .cause
                %span.cause-paragraph
                  صوت للمبادرة التى تستحق العرض للمناقشه من وجهة نظرك
                .button-div
                  %form{action: "/initiatives/list"}
                    %input{type:"submit",value: "إدعم مبادرة", class: "cause-button"}
            
            %li.display-inline-block.top-vertical-align.flowchart-items-separator
              =image_tag "flowchart-items-separator.png"
            %li.display-inline-block.top-vertical-align
              .cause
                %span.cause-paragraph
                  أطرح وجهة نظرك فى البرزة المعروضة و ساعد فى الوصول لأفضل النتائج
                .button-div
                  %form{action: "/initiatives/new"}
                    %input{type:"submit",value: "إبدأ مبادرة", class: "cause-button"} 
            
      .row
        .col-md-12
          .wrapper
            .row
              .col-md-9
                .col-md-12
                  .latest-causes
                    .row
                      .col-md-12
                        .inner_menu
                          - if @flag == "search_user"
                            %span.main_title 
                              #{link_to("البيانات الشخصية", {:controller => 'users' ,:action => "show", :user_id => @flag_value.id})}
                            %span.top-causes-separator
                              =image_tag "top-causes-separetor.png"
                            .main_title.active_title #{link_to("المبادرات", {:controller => 'initiatives' ,:action => "list"})}
                          - else
                            - if @friend_initiative == true
                              .main_title.active_title #{link_to("مبادرات الاصدقاء", {:controller => 'initiatives' ,:action => "list", :friends_ids => current_user.id})}
                              .top-causes-separetor
                                =image_tag "top-causes-separetor.png"
                              .main_title #{link_to("احدث المبادرات", {:controller => 'initiatives' ,:action => "list"})}
                            - else
                              .main_title #{link_to("مبادرات الاصدقاء", {:controller => 'initiatives' ,:action => "list", :friends_ids => current_user.id})}
                              .top-causes-separetor
                                =image_tag "top-causes-separetor.png"
                              .main_title.active_title #{link_to("احدث المبادرات", {:controller => 'initiatives' ,:action => "list"})}
                - if @flag == 'sector'
                  %span.green-font.main_title
                    المبادرات الموجوده في قطاع: 
                  %span.main_title
                    #{link_to(@flag_value, {:controller => 'initiatives' ,:action => "list", :sector_name => @flag_value})}
                  %div
                    %br
                - elsif @flag == "region"
                  %span.green-font.main_title
                    المبادرات الموجوده في إمارة: 
                  %span.main_title
                    #{link_to(@flag_value, {:controller => 'initiatives' ,:action => "list", :region_name => @flag_value})}
                  %div
                    %br

                - elsif @flag == "search_all"
                  %span.green-font.main_title
                    المبادرات التي تحتوي علي كلمة: 
                  %span.main_title
                    = @flag_value
                  %div
                    %br

                - elsif @flag == "search_user"
                  %span.green-font.main_title
                    المبادرات الخاصة للمستخدم: 
                  %span.main_title
                    #{link_to(@flag_value.name, {:controller => 'users' ,:action => "show", :user_id => @flag_value.id})}
                  %div
                    %br

                - elsif @flag == "tag"
                  %span.green-font.main_title
                    المبادرات التابعه للتصنيف: 
                  %span.main_title
                    #{link_to(@flag_value, {:controller => 'initiatives' ,:action => "list", :tag => @flag_value})}
                  %div
                    %br

                - if @initiatives.any? == false
                  %span لا يوجد مبادرات
                - else
                  - @initiatives.each do |initiative|
                    .row
                      .col-md-12
                        .cause_block
                          .col-md-9
                            .col-md-12
                              .box-count
                                %span
                                  يوم متبقى
                                %span 
                                  = (45 - ((Time.now - initiative.created_at) / (3600*24)).round) 
                                %br
                                %span.green-font.title-font
                                  = initiative.users.length
                                %br
                                %span.green-font شخص دعم المبادرة
                              .box-content
                                .box-title
                                  .title-font.green-font.title-font #{link_to(initiative.title[0, 40], {:action => 'show', :id => initiative.id  })}
                                  %div
                                    مبارده في
                                    #{link_to(initiative.sector.name, {:controller => 'initiatives' ,:action => "list", :sector_name => initiative.sector.name})}
                                    \- بإمارة
                                    #{link_to(initiative.region.name, {:controller => 'initiatives' ,:action => "list", :region_name => initiative.region.name})}
                            .col-md-12.box-content-paragraph
                              %span
                                #{initiative.description[0, 130].html_safe}
                              #{link_to("....المزيد", {:action => 'show', :id => initiative.id  })}
                          .col-md-3
                            .cause-wrapper-img
                              = image_tag initiative.image.url

                  .row
                    .col-md-3
                    .col-md-8.padding-bottom.float-left
                      .digg_pagination
                        = will_paginate @initiatives, inner_window: 1, :container => true, :next_label => ">", :previous_label => "<"
                        



              .col-md-3
                .right-side-menu
                  .row
                    .col-md-12
                      .inner_menu
                        .main_title.active_title اقسام المبادرات
                - @sectors.each do |sector|
                  - if sector.name == @flag_value        
                    .row.right-side-menu-item.gray-font
                      .col-md-12.green-font.bold-font.highlight-font
                        #{link_to(sector.name, {:controller => 'initiatives' ,:action => "list", :sector_name => sector.name})}
                  - else 
                    .row.right-side-menu-item.gray-font
                      .col-md-12.gray-font
                        #{link_to(sector.name, {:controller => 'initiatives' ,:action => "list", :sector_name => sector.name})}

                 
                  
                  
                  
  






 
   
    


